<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<title>BOX SHOP an E-Commerce online Shopping Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.min.js"></script>
		<!-- Custom Theme files -->
		<link href="css/style_qian.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Custom Theme files -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="keywords" content="BOX SHOP Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!--webfont-->
		<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'
		 rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
		 rel='stylesheet' type='text/css'>
		<!-- start menu -->
		<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="js/megamenu.js"></script>
		<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
		<!-- start slider -->
	<!-- 	<script src="js/responsiveslides.min.js"></script>
		<script>
			$(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script> -->
		<!--end slider -->
		<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
		<script type="text/javascript">
			$(window).load(function() {
				$("#flexiselDemo").flexisel({
					visibleItems: 5,
					animationSpeed: 1000,
					autoPlay: false,
					autoPlaySpeed: 3000,
					pauseOnHover: true,
					enableResponsiveBreakpoints: true,
					responsiveBreakpoints: {
						portrait: {
							changePoint: 480,
							visibleItems: 1
						},
						landscape: {
							changePoint: 640,
							visibleItems: 2
						},
						tablet: {
							changePoint: 768,
							visibleItems: 3
						}
					}
				});

			});
		</script>
		<script type="text/javascript" src="js/jquery.flexisel.js"></script>
	</head>
<body>
	<!-- header-section-starts -->
	<div class="header">
		<div class="top-header">
			<div class="wrap">
				<div class="header-left">
					<ul>
						<li><a href="#">24x7无间断为你服务 </a></li> 
						<li>|</li>
						<li><a href="order?action=query_user">追踪订单</a></li>
					</ul>
				</div>
				<div class="header-right">
					<ul>
						<li><a href="user?action=toUserCenter"><i class="user"></i>${sessionScope.user.uname==null?"个人中心":sessionScope.user.uname}</a></li>
						<c:if test="${sessionScope.user.uname!=null}">
							<li class="login"><a href="user?action=exit"><i class="lock"></i> 退出</a>|
							</li>
						</c:if>
						<c:if test="${sessionScope.user.uname==null}">
							<li class="login"><a href="userLogin.jsp"><i class="lock"></i> 登录</a>|
							</li>
						</c:if>
						<li><a href="cart?action=query"><i class="cart"></i>购物车</a></li>
						<!-- <li class="last">0</li> -->
						<li class="last">${sessionScope.cartCount==null?0:sessionScope.cartCount}</li>
					</ul>
					<div class="sign-up-right" style="marin-top:12px">
						<a href="userRegister.jsp">注册</a>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="wrap">
			<div class="header-bottom">
				<div class="logo">
					<a href="index.jsp"><img src="images/logo.jpg"
						class="img-responsive" alt="" /></a>
				</div>
				<div class="search">
					<div class="search2">
						<form action="product" method="get">
						<input type="hidden" value="query_user" name="action"> 
							<input type="text" name="pname"
								value="查询商品" onfocus="this.value = '';"
								onblur="if (this.value == '') {this.value = '查询商品';}" />
							<input type="submit" value=""> 
						</form>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- header-section-ends -->
	<div class="wrap">
		<div class="navigation-strip">
			<h4>
				Most Popular<i class="arrow"></i>
			</h4>
			<div class="top-menu">
				<!-- start header menu -->
				<ul class="megamenu skyblue">
					<li><a class="color1" href="product?action=query_user&kid=1">纸类</a> <!-- <div class="megapanel">
									<div class="row">
									</div> --></li>
					<li><a class="color3" href="product?action=query_user&kid=2">金属</a></li>
					<li><a class="color4" href="product?action=query_user&kid=3">塑料</a></li>
					<li><a class="color1" href="product?action=query_user&kid=4">电池</a></li>
					<li><a class="color3" href="#">废旧玩具</a></li>
					<li><a class="color4" href="#">废旧玩具</a></li>
					<li><a class="color3" href="#">废旧玩具</a></li>
					<li><a class="color4" href="#">废旧玩具</a></li>
					<li><a class="color3" href="#">废旧玩具</a></li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</body>
</html>